<extend file="template/web/game/commen.html"/>
<block name="content">


	<!--上侧-->
<!-- banner -->
 <div class="slider">
	    <!-- Slideshow 3 -->
	    <ul class="rslides" id="slider">
	      <li>
				<img src="{{__TEMPLATE__}}/images/dogs.jpg" class="img-responsive" alt="">
					<div class="caption">
						<a class="anembtn" href="#">Animais</a>
						<h1>Os animais mais bonitos do mundo</h1>
							<a class="cap" href="#"><i class="eye"> </i><span class="icon_text">1.389.571 views</span></a>
							<a class="cap" href="#"><i class="inter"> </i><span class="icon_text">255 comentários</span></a>
							<a class="cap" href="#"><i class="compart"> </i><span class="icon_text">980 compartilhamentos</span></a>
									
					</div>
		  </li>
	    </ul>
    </div>
<!-- banner -->	
<!-- animais -->
	<div class="animais">
		<div class="container">
			<div class="col-md-9 cnma">
			<div class="anim">
				<img src="{{__TEMPLATE__}}/images/dogs.jpg" class="img-responsive" alt="">
				<p>{{$cms_arc['arc_description']}}</p>
				<p>{{$cms_arc['arc_content']}}</p>
				<div class="f-shar">
					<ul>
						<li><h6>1.3k</h6></li>
						<li class="s-fb"><a class="shre" href="#"><i class="fb"> </i><span class="icon_text2">Share on Facebook</span></a></li>
						<li class="s-twt"><a class="shre" href="#"><i class="twt"> </i><span class="icon_text2">Twit on Twitter</span></a></li>
						<li><a class="shre" href="#"><i class="plus"> </i></a></li>
						<li><a class="shre" href="#"><i class="date"> </i><span class="icon_text3">Posted on <br><strong>15/02/2015</strong></span></a></li>
					</ul>
				</div>
				<div class="dogs">
					<div class="dogs-left">
						<div class="portfolio1" style="display: inline-block; opacity: 1;">
							<div class="portfolio-wrapper grid_box">
								<a href="images/d2.jpg" class="swipebox"  title="Image Title"> <img src="{{__TEMPLATE__}}/images/d2.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
							</div>
						</div>	
					</div>
					<div class="dogs-right">
						<div class="portfolio1" style="display: inline-block; opacity: 1;">
							<div class="portfolio-wrapper grid_box">
								<a href="images/d1.jpg" class="swipebox"  title="Image Title"> <img src="{{__TEMPLATE__}}/images/d1.jpg" class="img-responsive" alt=""><span class="zoom-icon1"></span> </a>
							</div>
						</div>	
						<div class="dogs-bottom">
							<div class="portfolio1" style="display: inline-block; opacity: 1;">
							<div class="portfolio-wrapper grid_box">
								<a href="images/d4.jpg" class="swipebox"  title="Image Title"> <img src="{{__TEMPLATE__}}/images/d4.jpg" class="img-responsive" alt=""><span class="zoom-icon2"></span> </a>
							</div>
						</div>	
						</div>
						<div class="dogs-bottom">
							<div class="portfolio1" style="display: inline-block; opacity: 1;">
							<div class="portfolio-wrapper grid_box">
								<a href="images/d3.jpg" class="swipebox"  title="Image Title"> <img src="{{__TEMPLATE__}}/images/d3.jpg" class="img-responsive" alt=""><span class="zoom-icon2"></span> </a>
							</div>
						</div>	
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dictum nisl quis libero adipiscing, et tempor lorem ornare. Cras turpis purus, lobortis in tincidunt in, feugiat vel metus. Maecenas sodales felis vitae ipsum tincidunt, eu pharetra eros pharetra. In other words, enabling the new Mobile setting (Chrome Management needs to be turned on first) means that all supported policies (check the lightbulb beside each policy to see if it will on Android and iOS) will apply to Chrome on mobile devices.</p>
				</div>
			</div>
				<div class="paulo">
					<div class="paulo-left">
						<img src="{{__TEMPLATE__}}/images/man.jpg" class="img-responsive" alt="">
					</div>
					<div class="paulo-right">
						<h4>Paulo Ricardo Seemann</h4>
						<div class="socia-ani">
							<ul>
								<li><a href="#"><i class="facebk"> </i></a></li>
								<li><a href="#"><i class="twiter"> </i></a></li>
								<li><a href="#"><i class="youtub"> </i></a></li>
								<li><a href="#"><i class="pp"> </i></a></li>
									<div class="clearfix"></div>	
							</ul>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>
				<i class="line"> </i>
					<div class="como">
					<div class="col-md-4 comopasser-top">
						<a href="content.html"><img src="{{__TEMPLATE__}}/images/15.jpg" class="img-responsive" alt=""></a>
						<a class="gamsbtn" href="content.html">Games</a>
						<div class="comopasser-bottom1">
							<h5><a href="content.html">GamePlay - Como passar as missões do GTA 5 </a></h5>
							<p>Se assim como eu, você é um fanático por jogos, sei que você já está jogando o novo GTA 5 e com certeza está com aquela dificuldade básica de passar as principais missões do jogo, mas isso é normal, não se  [...]</p>
								<div class="curtir">
									<li>08/02/2015</li>
									<li><div class="fb-share-button fb_iframe_widget" data-href="https://developers.facebook.com/w3layouts/" data-layout="button_count" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=&amp;container_width=84&amp;href=https%3A%2F%2Fdevelopers.facebook.com%2Fw3layouts%2F&amp;layout=button_count&amp;locale=en_US&amp;sdk=joey"><span style="vertical-align: top; width: 0px; height: 0px; overflow: hidden;"><iframe name="f1527a7928" width="1000px" height="1000px" frameborder="0" allowtransparency="true" scrolling="no" title="fb:share_button Facebook Social Plugin" src="http://www.facebook.com/v2.3/plugins/share_button.php?app_id=&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2F6Dg4oLkBbYq.js%3Fversion%3D41%23cb%3Dfc60cb29%26domain%3D192.168.2.13%26origin%3Dhttp%253A%252F%252F192.168.2.13%252Fffe571a54%26relation%3Dparent.parent&amp;container_width=84&amp;href=https%3A%2F%2Fdevelopers.facebook.com%2Fw3layouts%2F&amp;layout=button_count&amp;locale=en_US&amp;sdk=joey" style="border: none; visibility: visible; width: 0px; height: 0px;"></iframe></span></div>
									<div id="fb-root"></div>
									<script>(function(d, s, id) {
									  var js, fjs = d.getElementsByTagName(s)[0];
									  if (d.getElementById(id)) return;
									  js = d.createElement(s); js.id = id;
									  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
									  fjs.parentNode.insertBefore(js, fjs);
									}(document, 'script', 'facebook-jssdk'));</script></li>
									<li><a class="cap" href="#"><i class="inter1"> </i><span class="icon_text1">253</span></a></li>
								</div>
						</div>
					</div>
					<div class="col-md-4 comopasser-top">
				<a href="content.html"><img src="{{__TEMPLATE__}}/images/25.jpg" class="img-responsive" alt=""></a>
				<a class="avisbtn" href="content.html">Avisos</a>
				<div class="comopasser-bottom1">
					<h5><a href="content.html">Aviso - Novos vídeos para o canal em breve</a></h5>
					<p>Se assim como eu, você é um fanático por jogos, sei que você já está jogando o novo GTA 5 e com certeza está com aquela dificuldade básica de passar as principais missões do jogo, mas isso é normal, não se  [...]</p>
						<div class="curtir">
							<li>08/02/2015</li>
							<li><div class="fb-share-button fb_iframe_widget" data-href="https://developers.facebook.com/w3layouts/" data-layout="button_count" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=&amp;container_width=84&amp;href=https%3A%2F%2Fdevelopers.facebook.com%2Fw3layouts%2F&amp;layout=button_count&amp;locale=en_US&amp;sdk=joey"><span style="vertical-align: top; width: 0px; height: 0px; overflow: hidden;"><iframe name="f23ef27328" width="1000px" height="1000px" frameborder="0" allowtransparency="true" scrolling="no" title="fb:share_button Facebook Social Plugin" src="http://www.facebook.com/v2.3/plugins/share_button.php?app_id=&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2F6Dg4oLkBbYq.js%3Fversion%3D41%23cb%3Df3c68dcb08%26domain%3D192.168.2.13%26origin%3Dhttp%253A%252F%252F192.168.2.13%252Fffe571a54%26relation%3Dparent.parent&amp;container_width=84&amp;href=https%3A%2F%2Fdevelopers.facebook.com%2Fw3layouts%2F&amp;layout=button_count&amp;locale=en_US&amp;sdk=joey" style="border: none; visibility: visible; width: 0px; height: 0px;"></iframe></span></div>
							<div id="fb-root"></div>
							<script>(function(d, s, id) {
							  var js, fjs = d.getElementsByTagName(s)[0];
							  if (d.getElementById(id)) return;
							  js = d.createElement(s); js.id = id;
							  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
							  fjs.parentNode.insertBefore(js, fjs);
							}(document, 'script', 'facebook-jssdk'));</script></li>
							<li><a class="cap" href="#"><i class="inter1"> </i><span class="icon_text1">253</span></a></li>
						</div>
				</div>
			</div>
			<div class="col-md-4 comopasser-top1">
				<img src="{{__TEMPLATE__}}/images/19.jpg" class="img-responsive" alt="">
				<a class="cinmsbtn" href="content.html">Cinema</a>
				<div class="comopasser-bottom1">
					<h5><a href="content.html">Lista Nova - Os 30 melhores filmes assisti</a></h5>
					<p>Se assim como eu, você é um fanático por jogos, sei que você já está jogando o novo GTA 5 e com certeza está com aquela dificuldade básica de passar as principais missões do jogo, mas isso é normal, não se  [...]</p>
						<div class="curtir">
							<li>08/02/2015</li>
							<li><div class="fb-share-button fb_iframe_widget" data-href="https://developers.facebook.com/w3layouts/" data-layout="button_count" fb-xfbml-state="rendered" fb-iframe-plugin-query="app_id=&amp;container_width=84&amp;href=https%3A%2F%2Fdevelopers.facebook.com%2Fw3layouts%2F&amp;layout=button_count&amp;locale=en_US&amp;sdk=joey"><span style="vertical-align: top; width: 0px; height: 0px; overflow: hidden;"><iframe name="f979cf3e" width="1000px" height="1000px" frameborder="0" allowtransparency="true" scrolling="no" title="fb:share_button Facebook Social Plugin" src="http://www.facebook.com/v2.3/plugins/share_button.php?app_id=&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2F6Dg4oLkBbYq.js%3Fversion%3D41%23cb%3Df1b508be58%26domain%3D192.168.2.13%26origin%3Dhttp%253A%252F%252F192.168.2.13%252Fffe571a54%26relation%3Dparent.parent&amp;container_width=84&amp;href=https%3A%2F%2Fdevelopers.facebook.com%2Fw3layouts%2F&amp;layout=button_count&amp;locale=en_US&amp;sdk=joey" style="border: none; visibility: visible; width: 0px; height: 0px;"></iframe></span></div>
							<div id="fb-root"></div>
							<script>(function(d, s, id) {
							  var js, fjs = d.getElementsByTagName(s)[0];
							  if (d.getElementById(id)) return;
							  js = d.createElement(s); js.id = id;
							  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
							  fjs.parentNode.insertBefore(js, fjs);
							}(document, 'script', 'facebook-jssdk'));</script></li>
							<li><a class="cap" href="#"><i class="inter1"> </i><span class="icon_text1">253</span></a></li>
						</div>
				</div>
			</div>
				<div class="clearfix"> </div>
					</div>
					<div class="commts">
						<div class="com">
							<i class="comt"> </i><h4>Comentários</h4>
							<div class="clearfix"> </div>
						</div>
						<div class="commts-left">
							<img src="{{__TEMPLATE__}}/images/men.png" class="img-responsive" alt="">
						</div>
						<div class="commts-right">
							<textarea value="Message" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Commentry';}">Commentry..</textarea>
						</div>
						<div class="clearfix"> </div>
					</div>
					
			</div>
			<div class="col-md-3 redes">
			<div class="red-1">
				<h3>Redes <strong>sociais</strong><label2></label2></h3>
						<div class="redes-1">
							<div class="redes-top">
								<div class="redes-left">
									<h4>facebook</h4>
								</div>
								<div class="redes-right">
									<div class="fb-like fb_iframe_widget" data-href="https://developers.facebook.com/w3layouts" data-layout="button" data-action="like" data-show-faces="true" data-share="false" fb-xfbml-state="rendered" fb-iframe-plugin-query="action=like&amp;app_id=&amp;container_width=0&amp;href=https%3A%2F%2Fdevelopers.facebook.com%2Fw3layouts&amp;layout=button&amp;locale=en_US&amp;sdk=joey&amp;share=false&amp;show_faces=true"><span style="vertical-align: bottom; width: 48px; height: 20px;"><iframe name="f1e6deae58" width="1000px" height="1000px" frameborder="0" allowtransparency="true" scrolling="no" title="fb:like Facebook Social Plugin" src="http://www.facebook.com/v2.3/plugins/like.php?action=like&amp;app_id=&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2F6Dg4oLkBbYq.js%3Fversion%3D41%23cb%3Df8e691e7%26domain%3D192.168.2.13%26origin%3Dhttp%253A%252F%252F192.168.2.13%252Ff364662d8%26relation%3Dparent.parent&amp;container_width=0&amp;href=https%3A%2F%2Fdevelopers.facebook.com%2Fw3layouts&amp;layout=button&amp;locale=en_US&amp;sdk=joey&amp;share=false&amp;show_faces=true" style="border: none; visibility: visible; width: 48px; height: 20px;" class=""></iframe></span></div>
									<div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div></div></div><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div><iframe name="fb_xdm_frame_http" frameborder="0" allowtransparency="true" scrolling="no" id="fb_xdm_frame_http" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tabindex="-1" src="http://static.ak.facebook.com/connect/xd_arbiter/6Dg4oLkBbYq.js?version=41#channel=f364662d8&amp;origin=http%3A%2F%2F192.168.2.13" style="border: none;"></iframe><iframe name="fb_xdm_frame_https" frameborder="0" allowtransparency="true" scrolling="no" id="fb_xdm_frame_https" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tabindex="-1" src="https://s-static.ak.facebook.com/connect/xd_arbiter/6Dg4oLkBbYq.js?version=41#channel=f364662d8&amp;origin=http%3A%2F%2F192.168.2.13" style="border: none;"></iframe></div></div></div>
										<script>(function(d, s, id) {
										  var js, fjs = d.getElementsByTagName(s)[0];
										  if (d.getElementById(id)) return;
										  js = d.createElement(s); js.id = id;
										  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
										  fjs.parentNode.insertBefore(js, fjs);
										}(document, 'script', 'facebook-jssdk'));</script>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="redes-bottom">
								<h6>2.959.571</h6>
							</div>
							<div class="redes-bottom1">
							</div>
						</div>
						<div class="redes-1">
							<div class="redes-top2">
								<div class="redes-left">
									<h4>twitter</h4>
								</div>
								<div class="redes-right">
									<iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="http://platform.twitter.com/widgets/tweet_button.23a4a4933995b86880bb787f8ff6a082.en.html#_=1428382271595&amp;count=none&amp;dnt=false&amp;id=twitter-widget-0&amp;lang=en&amp;original_referer=http%3A%2F%2F192.168.2.13%2Fsurendra%2Fapril%2Finfoshare%2Fweb%2Findex.html&amp;related=twitterdev&amp;size=m&amp;text=Infoshare%20a%20Hotel%20Category%20Flat%20Bootstarp%20Responsive%20Website%20Template%20%7C%20Home%20%3A%3A%20w3layouts&amp;url=http%3A%2F%2F192.168.2.13%2Fsurendra%2Fapril%2Finfoshare%2Fweb%2Findex.html" class="twitter-share-button twitter-tweet-button twitter-share-button twitter-count-none" title="Twitter Tweet Button" data-twttr-rendered="true" style="width: 56px; height: 20px;"></iframe>
										<script>
										window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));
										</script>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="redes-bottom">
								<h6>1.258.456</h6>
							</div>
							<div class="redes-bottom2">
							</div>
						</div>
				</div>
						<div class="ultimas">
							<h3>{{$cms_cate['cate_name']}}<label4></label4></h3>
							<arclist cid="20">
								<div class="ultimas-top">
									<span>{{$key+1}}</span><a href="{{$field['url']}}"><h5>{{$field['arc_title']}}</h5> </a>
									<div class="clearfix"> </div>
								</div>
							</arclist>
						</div>
						<div class="relax-top">
							<i class="line"> </i>
								<div class="relax">
								<div class="wmuSlider example1 section" id="section-1" style="overflow: hidden; height: 200px;">
									<article style="position: relative; width: 100%; opacity: 0.175275975834908;"> 
										<div class="rel">
											<i class="teacu"> </i><h4>TO RELAX</h4>
										 </div>
											<div class="clearfix"></div>
											<a href="content.html"><img src="{{__TEMPLATE__}}/images/18.jpg" class="img-responsive" alt=""></a>
											<a class="cinmsbtn1" href="content.html">Cinema</a>
											<div class="comopasser-bottom1">
												<h5><a href="content.html">Lista Nova - Os 30 melhores filmes que eu assisti</a></h5>
												<div class="curtir">
													<li>08/02/2015</li>
													<li><a class="cap" href="#"><i class="inter1"> </i><span class="icon_text1">253</span></a></li>
												</div>
											</div>
									</article>
									<article style="position: absolute; width: 100%; opacity: 0;"> 
										<div class="rel">
											<i class="teacu"> </i><h4>TO RELAX</h4>
										 </div>
											<div class="clearfix"></div>
											<a href="content.html"><img src="{{__TEMPLATE__}}/images/15.jpg" class="img-responsive" alt=""></a>
											<a class="gamsbtn1" href="content.html">Games</a>
											<div class="comopasser-bottom1">
												<h5><a href="content.html">GamePlay - Como passar as missões do GTA 5</a></h5>
												<div class="curtir">
													<li>08/02/2015</li>
													<li><a class="cap" href="#"><i class="inter1"> </i><span class="icon_text1">253</span></a></li>
												</div>
											</div>
									</article>
									<article style="position: absolute; width: 100%; opacity: 0;"> 
										<div class="rel">
											<i class="teacu"> </i><h4>TO RELAX</h4>
										 </div>
											<div class="clearfix"></div>
											<a href="content.html"><img src="{{__TEMPLATE__}}/images/16.jpg" class="img-responsive" alt=""></a>
											<a class="anasbtn1" href="content.html">Análise</a>
											<div class="comopasser-bottom1">
												<h5><a href="content.html">Análise - O Galaxy S5 vale mesmo a compra?</a></h5>
												<div class="curtir">
													<li>08/02/2015</li>
													<li><a class="cap" href="#"><i class="inter1"> </i><span class="icon_text1">253</span></a></li>
												</div>
											</div>
									</article>
						</div>
						</div>
			</div>
				<div class="clearfix"> </div>
				 <!-- script -->
          <script src="{{__TEMPLATE__}}/js/jquery.wmuSlider.js"></script>
			<script>
       			$('.example1').wmuSlider();         
   		    </script>
			<!-- script -->		
		</div>
	</div>
	<!-- animais -->
</div>
	</block>

